<template>
    <div>
        <el-button type="info" @click="tz">跳转</el-button>
        <el-button type="warning">警告按钮</el-button>
        <el-button type="danger">危险按钮</el-button>
        <el-table :data="tableData" style="width: 100%" border>
            <el-table-column prop="date" label="日期" width="180">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="180">
            </el-table-column>
            <el-table-column prop="address" label="地址">
            </el-table-column>
        </el-table>
        <SvgIcon name='cd' svgClass='cd-svg' />
    </div>
</template>

<script  lang="ts">
import { ref, reactive, defineComponent, onMounted, onBeforeMount } from 'vue';
import SvgIcon from 'svgIcon/SvgIcon.vue';
import { useRouter } from 'vue-router';
export default defineComponent({
    name: 'home',
    components: { SvgIcon,  },
    setup() {
        const router = useRouter();
        const tableData: any = reactive([
            {
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
            },
            {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1517 弄'
            },
            {
                date: '2016-05-01',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1519 弄'
            },
            {
                date: '2016-05-03',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1516 弄'
            }
        ]);
        const tz = () => {
            console.log(2);
            router.push('/test1/a');
        };
        return {
            router,
            tableData,
            tz
        };
    }
});
</script>

<style lang="scss">
</style>
